<template>
  <div>
    <van-search
      v-model="value"
      placeholder="请输入搜索关键词"
      style="background-color: #21b97a"
    />
    <van-sticky>
      <van-dropdown-menu>
        <van-dropdown-item title="区域">
          <van-picker
            show-toolbar
            :columns="columns"
            toolbar-position="bottom"
          />
        </van-dropdown-item>
        <van-dropdown-item title="方式">
          <van-picker
            show-toolbar
            :columns="columns2"
            toolbar-position="bottom"
          />
        </van-dropdown-item>
        <van-dropdown-item title="租金">
          <van-picker
            show-toolbar
            :columns="columns3"
            toolbar-position="bottom"
          />
        </van-dropdown-item>
        <van-dropdown-item title="筛选"></van-dropdown-item>
      </van-dropdown-menu>
    </van-sticky>
    <div style="height: 2000px"></div>
  </div>
</template>

<script>
export default {
  name: 'find-page',
  components: {},
  props: {},
  data() {
    return {
      value: '',
      columns: ['杭州', '宁波', '温州', '绍兴', '湖州', '嘉兴', '金华', '衢州'],
      columns2: ['不限', '整租', '合租'],
      columns3: [
        '不限',
        '1000及以下',
        '1000-2000',
        '2000-3000',
        '3000-4000',
        '4000-5000',
        '5000-7000',
        '7000以上'
      ]
    }
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
}
</script>

<style scoped></style>
